<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px;">
	<span>基本用法</span>
	<input data-type="timespinner" style="width: 80px;" data-defs="border:true">
	<div class="demo-info">
		<div>事件.</div>
	</div>
	<div style="margin: 10px 0;">
		<a href="#" data-type="button" onclick="getValue()">GetValue</a>
		<a href="#" data-type="button" onclick="setValue()">SetValue</a>
		<a href="#" data-type="button" onclick="disable()">Disable</a>
		<a href="#" data-type="button" onclick="enable()">Enable</a>
	</div>
	<input id="dt" data-type="timespinner" style="width: 80px;" data-defs="border:true">
	<div style="margin: 10px 0;">
		<span>范围控制</span>
	</div>
	<input data-type="timespinner" data-defs="min:'06:30',max:'18:00',border:true" style="width: 80px;"></input>
</div>
<script>
	function getValue() {
	    var val = $('#dt').timespinner('getValue');
	    alert(val);
    }
    function setValue() {
	    $('#dt').timespinner('setValue', '09:45');
    }
    function disable() {
	    $('#dt').timespinner('disable');
    }
    function enable() {
	    $('#dt').timespinner('enable');
    }
</script>
